<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script src="lib/jquery-3.6.0.js"></script>
  <!--   鼠标事件、键盘事件，其他事件
   mousedown()(jQuery)----按下
   mouseenter()(jQuery)
   mouseleave()(jQuery)
   mousemove()(jQuery)----移动
   mouseout()(jQuery)
   mouseover()(jQuery)
   mouseup()(jQuery)-->
  <style>
    #divMove{
      width:500px;
      height:500px;
      border:1px solid red;
    }
  </style>
</head>
<body>
<!--要求：获取鼠标当前的一个坐标-->
mouse：<span id = "mouseMove"></span>
<div id = "divMove">
  在这里移动鼠标试试
</div>
<script>
  //当网页元素加载完毕之后，响应事件
  //$(document).ready(function(){})
  $(function(){
    $('#divMove').mousemove(function(e){
      $('#mouseMove').text('x:'+e.pageX+"y:"+e.pageY)
    })
  });
</script>

</body>
</html>